<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>天天生鲜首页</title>
    <script src="jquery.min.js"></script>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css"/>
    <script src="bootstrap/js/bootstrap.js"></script>
    <link rel="stylesheet" href="bootstrap/css/index.css">
    <link rel="stylesheet" href="bootstrap/css/footer.css">
</head>
<body>
<!--头部-->
<nav class="navbar navbar-default">
    <div class="container-fluid container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed"
            data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">欢迎来到天天生鲜</a>
        </div>
    <!--    登陆退出栏-->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">登陆</a></li>
                <li><a href="#">注册</a></li>
                <li><a href="#">用户中心</a></li>
                <li><a href="#">我的购物车</a></li>
                <li><a href="#">我的订单</a></li>
            </ul>
        </div>
    </div>
</nav>
<!--首页搜索栏-->
<header class="container">
    <div class="col-xs-12 col-sm-3">
        <img src="images/logo.png">
    </div>
    <div class="col-xs-12 col-sm-6 makepos">
        <div class="input-group">
            <input type="text" class="form-control" placeholder="搜索">
            <span class="input-group-btn">
                <button class="btn btn-success" type="button">搜&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;索</button>
            </span>
        </div>
    </div>
    <div class="col-xs-12 col-sm-3">
        <button class="btn btn-success" type="button">
            <img src="images/cart.png">我的购物车 <span class="badge">4</span>
        </button>
    </div>
</header>
<!--内容部分-->
<menu class="container">
    <div class="col-xs-12 col-sm-2">
        <ul class="list-group">
            <li class="list-group-item active">全部商品分类</li>
            <li class="list-group-item"><a href="#"><img src="images/fruit.png">新鲜水果  ></a></li>
            <li class="list-group-item"><a href="#"><img src="images/haixian.png">海鲜水产  ></a></li>
            <li class="list-group-item"><a href="#"><img src="images/pig.png">猪牛羊肉  ></a></li>
            <li class="list-group-item"><a href="#"><img src="images/egg.png">禽类蛋品  ></a></li>
            <li class="list-group-item"><a href="#"><img src="images/vegetable.png">新鲜蔬菜  ></a></li>
            <li class="list-group-item"><a href="#"><img src="images/frozen.png">速冻食品  ></a></li>
        </ul>
    </div>

    <div class="col-xs-12 col-sm-10">
        <ul class="nav nav-tabs">
            <li role="presentation" class="active"><a href="#">首页</a></li>
            <li role="presentation"><a href="#">手机生鲜</a></li>
            <li role="presentation"><a href="#">抽奖</a></li>
        </ul>
        <div class="col-xs-12 col-sm-9">
            <div id="carousel-example-generic" class="carousel" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                </ol>

                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="images/slide.jpg">
                    </div>
                    <div class="item">
                        <img src="images/slide02.jpg">
                    </div>
                    <div class="item">
                        <img src="images/slide03.jpg">
                    </div>
                    <div class="item">
                        <img src="images/slide04.jpg">
                    </div>
                </div>

                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
        <div class="col-sx-12 col-sm-3">
            <img src="images/adv01.jpg" class="mypic">
            <img src="images/adv02.jpg" class="mypic">
        </div>
    </div>
</menu>
<section class="container" >
    <div class="panel panel-success">
        <div class="panel-heading">新鲜水果
            <div class="pull-right"><a href="#">查看</a></div>
        </div>
        <div class="panel-body">
            <div class="col-xs-12 col-sm-2">
                <img src="images/banner01.jpg" class="img-responsive">
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">草莓</p>
                    <img src="images/goods/goods003.jpg" class="img-responsive">
                    <p class="text-center">￥30.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">葡萄</p>
                    <img src="images/goods/goods002.jpg" class="img-responsive">
                    <p class="text-center">￥23.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">柠檬</p>
                    <img src="images/goods/goods001.jpg" class="img-responsive">
                    <p class="text-center">￥1.3.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">奇异果</p>
                    <img src="images/goods/goods012.jpg" class="img-responsive">
                    <p class="text-center">￥35.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">桃子</p>
                    <img src="images/goods/goods005.jpg" class="img-responsive">
                    <p class="text-center">￥3.00元</p>
                </a>
            </div>
        </div>
    </div>
</section>
<section class="container" >
    <div class="panel panel-success">
        <div class="panel-heading">海鲜水产
            <div class="pull-right"><a href="#">查看</a></div>
        </div>
        <div class="panel-body">
            <div class="col-xs-12 col-sm-2">
                <img src="images/banner02.jpg" class="img-responsive">
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">野生大青虾</p>
                    <img src="images/goods/goods018.jpg" class="img-responsive">
                    <p class="text-center">￥300.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">扇贝</p>
                    <img src="images/goods/goods019.jpg" class="img-responsive">
                    <p class="text-center">￥130.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">冷冻秋刀鱼</p>
                    <img src="images/goods/goods020.jpg" class="img-responsive">
                    <p class="text-center">￥87.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">基围虾</p>
                    <img src="images/goods/goods021.jpg" class="img-responsive">
                    <p class="text-center">￥230.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">洞庭湖帝王蟹</p>
                    <img src="images/goods/goods022.jpg" class="img-responsive">
                    <p class="text-center">￥500.00元</p>
                </a>
            </div>
        </div>
    </div>
</section>
<section class="container">
    <div class="panel panel-success">
        <div class="panel-heading">猪牛羊肉
            <div class="pull-right"><a href="#">查看</a></div>
        </div>
        <div class="panel-body">
            <div class="col-xs-12 col-sm-2">
                <img src="images/banner03.jpg" class="img-responsive">
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">猪脚</p>
                    <img src="images/goods/goods023.jpg" class="img-responsive">
                    <p class="text-center">￥310.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">鸡肉</p>
                    <img src="images/goods/goods024.jpg" class="img-responsive">
                    <p class="text-center">￥330.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">牛肉</p>
                    <img src="images/goods/goods026.jpg" class="img-responsive">
                    <p class="text-center">￥1000.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">猪肉</p>
                    <img src="images/goods/goods025.jpg" class="img-responsive">
                    <p class="text-center">￥320.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">新西兰羔羊肉</p>
                    <img src="images/goods/goods003.jpg" class="img-responsive">
                    <p class="text-center">￥3032.00元</p>
                </a>
            </div>
        </div>
    </div>
</section>
<section class="container">
    <div class="panel panel-success">
        <div class="panel-heading">禽类蛋品
            <div class="pull-right"><a href="#">查看</a></div>
        </div>
        <div class="panel-body">
            <div class="col-xs-12 col-sm-2">
                <img src="images/banner04.jpg" class="img-responsive">
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">柴鸡蛋</p>
                    <img src="images/goods/goods028.jpg" class="img-responsive">
                    <p class="text-center">￥30.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">毛鸡蛋</p>
                    <img src="images/goods/goods031.jpg" class="img-responsive">
                    <p class="text-center">￥3000.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">鹌鹑蛋</p>
                    <img src="images/goods/goods029.jpg" class="img-responsive">
                    <p class="text-center">￥430.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">咸鸭蛋</p>
                    <img src="images/goods/goods003.jpg" class="img-responsive">
                    <p class="text-center">￥230.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">鹅蛋</p>
                    <img src="images/goods/goods032.jpg" class="img-responsive">
                    <p class="text-center">￥330.00元</p>
                </a>
            </div>
        </div>
    </div>
</section>
<section class="container">
    <div class="panel panel-success">
        <div class="panel-heading">新鲜蔬菜
            <div class="pull-right"><a href="#">查看</a></div>
        </div>
        <div class="panel-body">
            <div class="col-xs-12 col-sm-2">
                <img src="images/banner05.jpg" class="img-responsive">
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">蒜台</p>
                    <img src="images/goods/goods037.jpg" class="img-responsive">
                    <p class="text-center">￥30.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">黄瓜</p>
                    <img src="images/goods/goods033.jpg" class="img-responsive">
                    <p class="text-center">￥3.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">西红柿</p>
                    <img src="images/goods/goods003.jpg" class="img-responsive">
                    <p class="text-center">￥230.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">茄子</p>
                    <img src="images/goods/goods035.jpg" class="img-responsive">
                    <p class="text-center">￥380.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">扁豆</p>
                    <img src="images/goods/goods036.jpg" class="img-responsive">
                    <p class="text-center">￥830.00元</p>
                </a>
            </div>
        </div>
    </div>
</section>
<section class="container">
    <div class="panel panel-success">
        <div class="panel-heading">速冻食品
            <div class="pull-right"><a href="#">查看</a></div>
        </div>
        <div class="panel-body">
            <div class="col-xs-12 col-sm-2">
                <img src="images/banner06.jpg" class="img-responsive">
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">冰激凌</p>
                    <img src="images/goods/goods038.jpg" class="img-responsive">
                    <p class="text-center">￥130.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">雪糕</p>
                    <img src="images/goods/goods039.jpg" class="img-responsive">
                    <p class="text-center">￥230.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">速冻水饺</p>
                    <img src="images/goods/goods040.jpg" class="img-responsive">
                    <p class="text-center">￥130.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">速冻汤圆</p>
                    <img src="images/goods/goods041.jpg" class="img-responsive">
                    <p class="text-center">￥190.00元</p>
                </a>
            </div>
            <div class="col-xs-12 col-sm-2">
                <a href="#" class="thumbnail">
                    <p class="text-center">老冰棍</p>
                    <img src="images/goods/goods042.jpg" class="img-responsive">
                    <p class="text-center">￥320.00元</p>
                </a>
            </div>
        </div>
    </div>
</section>
<div class="footer">
    <div class="foot_link">
        <a href="#">关于我们</a>
        <span>|</span>
        <a href="#">联系我们</a>
        <span>|</span>
        <a href="#">招聘人才</a>
        <span>|</span>
        <a href="#">友情链接</a>
    </div>
    <p>CopyRight © 2016 北京天天生鲜信息技术有限公司 All Rights Reserved</p>
    <p>电话：010-****888 京ICP备*******8号</p>
</div>

</body>
</html>